<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        div,span{
            border: 1px solid red;
            width: 500px;
            height: 100px;
        }
        .hide{
            display: none;
        }
        .inline{
            display: inline;
        }
        .block{
            display: block;
        }
        .inlineblock{
            display: inline-block;
        }
    </style>
</head>
<body>
  <div class="inline">这是一张美女图片</div>
  <span class="block">这是一张内联元素span</span>
  <span class="hide">这是第二个内敛元素</span>
<span class="inlineblock">行内快元素</span>
<span>最后一个</span>
</body>
</html>